<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/index.css" />
  </head>
  <body>
    <div class="container">
      <div class="context">
        <div class="form_div">
          <form id="loginForm">
            <h2>登录</h2>
            <div class="input_div">
              <label for="username">账号:</label>
              <input type="text" id="username" required />
            </div>
            <div class="input_div">
              <label for="password">密码:</label>
              <input type="password" id="password" required />
            </div>
            <button type="submit">登录</button>
            <p>还没有账号？<a href="./jsp/mainIndex.jsp">立即注册</a></p>
          </form>
        </div>
      </div>
      <div class="area">
        <ul class="circles">
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded",() => {
            var inputUsername = document.querySelector("#username");
            inputUsername.focus();
        })
    </script>
  </body>
</html>
